<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
  <title>provide-layout.t</title>
  <script src="/assets/js/def.js"></script>
  <link rel="stylesheet" href="css/style.css">
</head>

<body>
  <ul class="nav nav-tabs nav-justified">
    <li class="active"><a data-toggle="tab" href="#algorithms">Supported Algorithms</a></li>
    <li class=""><a data-toggle="tab" href="#formats">Supported Formats</a></li>
    <li class=""><a data-toggle="tab" href="#features">Supported Features</a></li>
  </ul>
  <div class="tab-content">
    <div id="algorithms" class="tab-pane active">
      <p>
        The following option can be used to select a specific layout algorithm:
      </p>
      <div style="text-align: center;">
        <div class="alert alert-info center" style="text-align: left;">
          <dl class="dl-horizontal">
            <dt>Name:</dt>
            <dd>Layout Algorithm</dd>
            <dt>Identifier:</dt>
            <dd>de.cau.cs.kieler.algorithm</dd>
            <dt>Type:</dt>
            <dd>string</dd>
            <dt>Default Value:</dt>
            <dd>de.cau.cs.kieler.klay.layered</dd>
            <dt>Applies To:</dt>
            <dd>parents</dd>
          </dl>
          <h4>Description</h4>
          <p>
            Select either a specific layout algorithm or a layout type
          </p>
        </div>
      </div>
      <p>
        The following layout algorithms are currently supported by this service. Click any algorithm to receive further information on it's supported layout options.
      </p>
      <table class="table table-striped table-hover table-responsive" style="padding: 0px;">
        <thead class="tableFloatingHeaderOriginal" style="position: static; margin-top: 0px; left: 322.156px; z-index: 3; width: 1258px; top: 50px;">
          <tr>
            <th style="min-width: 0px; max-width: none;">Name</th>
            <th style="min-width: 0px; max-width: none;">Category</th>
            <th style="min-width: 0px; max-width: none;">Type</th>
            <th style="min-width: 0px; max-width: none;">Identifier</th>
            <th style="min-width: 0px; max-width: none;">Version</th>
          </tr>
        </thead>
        <thead class="tableFloatingHeader" style="display: none;">
          <tr>
            <th>Name</th>
            <th>Category</th>
            <th>Type</th>
            <th>Identifier</th>
            <th>Version</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.circo&quot;;">Circo</td>
            <td>Graphviz</td>
            <td>Circular</td>
            <td>de.cau.cs.kieler.graphviz.circo</td>
            <td>0.7.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.fdp&quot;;">FDP</td>
            <td>Graphviz</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.graphviz.fdp</td>
            <td>0.7.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.neato&quot;;">Neato</td>
            <td>Graphviz</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.graphviz.neato</td>
            <td>0.7.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.dot&quot;;">Dot</td>
            <td>Graphviz</td>
            <td>Layered</td>
            <td>de.cau.cs.kieler.graphviz.dot</td>
            <td>0.7.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.twopi&quot;;">Twopi</td>
            <td>Graphviz</td>
            <td>Tree</td>
            <td>de.cau.cs.kieler.graphviz.twopi</td>
            <td>0.7.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.box&quot;;">Box Layout</td>
            <td>KIELER</td>
            <td>&nbsp;</td>
            <td>de.cau.cs.kieler.box</td>
            <td>0.18.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.fixed&quot;;">Fixed Layout</td>
            <td>KIELER</td>
            <td>&nbsp;</td>
            <td>de.cau.cs.kieler.fixed</td>
            <td>0.18.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.random&quot;;">Randomizer</td>
            <td>KIELER</td>
            <td>&nbsp;</td>
            <td>de.cau.cs.kieler.random</td>
            <td>0.18.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.klay.force&quot;;">KLay Force</td>
            <td>KIELER</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.klay.force</td>
            <td>0.3.1.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.klay.layered&quot;;">KLay Layered</td>
            <td>KIELER</td>
            <td>Layered</td>
            <td>de.cau.cs.kieler.klay.layered</td>
            <td>0.12.0.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.balloon&quot;;">Balloon</td>
            <td>OGDF</td>
            <td>&nbsp;</td>
            <td>de.cau.cs.kieler.kiml.ogdf.balloon</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.circular&quot;;">Circular</td>
            <td>OGDF</td>
            <td>Circular</td>
            <td>de.cau.cs.kieler.kiml.ogdf.circular</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.DavidsonHarel&quot;;">Davidson-Harel</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.DavidsonHarel</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fmmm&quot;;">FMMM</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.fmmm</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fastMultipole&quot;;">Fast Multipole</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.fastMultipole</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fastMultipoleMultilevel&quot;;">Fast Multipole Multilevel</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.fastMultipoleMultilevel</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.FruchtermanReingold&quot;;">Fruchterman-Reingold</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.FruchtermanReingold</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.gem&quot;;">GEM</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.gem</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.kamadaKawai&quot;;">Kamada-Kawai</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.kamadaKawai</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.stressMajorization&quot;;">Stress Majorization</td>
            <td>OGDF</td>
            <td>Force</td>
            <td>de.cau.cs.kieler.kiml.ogdf.stressMajorization</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.Sugiyama&quot;;">Sugiyama</td>
            <td>OGDF</td>
            <td>Layered</td>
            <td>de.cau.cs.kieler.kiml.ogdf.Sugiyama</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.upwardPlanarization&quot;;">Upward-Planarization</td>
            <td>OGDF</td>
            <td>Layered</td>
            <td>de.cau.cs.kieler.kiml.ogdf.upwardPlanarization</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.mixedModel&quot;;">Mixed Model</td>
            <td>OGDF</td>
            <td>Orthogonal</td>
            <td>de.cau.cs.kieler.kiml.ogdf.mixedModel</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.planarization&quot;;">Planarization</td>
            <td>OGDF</td>
            <td>Orthogonal</td>
            <td>de.cau.cs.kieler.kiml.ogdf.planarization</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.canonicalOrder&quot;;">Canonical Order</td>
            <td>OGDF</td>
            <td>Planar</td>
            <td>de.cau.cs.kieler.kiml.ogdf.canonicalOrder</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.convexGrid&quot;;">Convex Grid</td>
            <td>OGDF</td>
            <td>Planar</td>
            <td>de.cau.cs.kieler.kiml.ogdf.convexGrid</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.dominance&quot;;">Dominance</td>
            <td>OGDF</td>
            <td>Planar</td>
            <td>de.cau.cs.kieler.kiml.ogdf.dominance</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fraysseixPachPollack&quot;;">Fraysseix-Pach-Pollack</td>
            <td>OGDF</td>
            <td>Planar</td>
            <td>de.cau.cs.kieler.kiml.ogdf.fraysseixPachPollack</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.schnyder&quot;;">Schnyder</td>
            <td>OGDF</td>
            <td>Planar</td>
            <td>de.cau.cs.kieler.kiml.ogdf.schnyder</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.visibility&quot;;">Visibility</td>
            <td>OGDF</td>
            <td>Planar</td>
            <td>de.cau.cs.kieler.kiml.ogdf.visibility</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.radialTree&quot;;">Radial Tree</td>
            <td>OGDF</td>
            <td>Tree</td>
            <td>de.cau.cs.kieler.kiml.ogdf.radialTree</td>
            <td>0.6.2.201601061232</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.tree&quot;;">Tree</td>
            <td>OGDF</td>
            <td>Tree</td>
            <td>de.cau.cs.kieler.kiml.ogdf.tree</td>
            <td>0.6.2.201601061232</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div id="formats" class="tab-pane">
      <p>
        The following formats can be used to transfer graphs to the layout service:
      </p>
      <table class="table table-striped table-hover table-responsive" style="padding: 0px;">
        <thead class="tableFloatingHeaderOriginal">
          <tr>
            <th>Name</th>
            <th>Identifier</th>
          </tr>
        </thead>
        <thead class="tableFloatingHeader" style="display: none;">
          <tr>
            <th>Name</th>
            <th>Identifier</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=de.cau.cs.kieler.kgraph&quot;;">KGraph</td>
            <td>de.cau.cs.kieler.kgraph</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=gov.nist.math.matrix&quot;;">Matrix</td>
            <td>gov.nist.math.matrix</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=org.graphviz.dot&quot;;">Dot</td>
            <td>org.graphviz.dot</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=de.uni-passau.fim.gml&quot;;">GML</td>
            <td>de.uni-passau.fim.gml</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=org.graphdrawing.graphml&quot;;">GraphML</td>
            <td>org.graphdrawing.graphml</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=org.json&quot;;">JSON</td>
            <td>org.json</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=net.ogdf.ogml&quot;;">OGML</td>
            <td>net.ogdf.ogml</td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?format=org.w3.svg&quot;;">SVG</td>
            <td>org.w3.svg</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div id="features" class="tab-pane">
      <p>
        The following features could be supported by the layout algorithms:
      </p>
      <table class="table table-striped table-hover table-responsive rotate-headers" style="padding: 0px;">
        <thead class="tableFloatingHeaderOriginal" style="position: static; margin-top: 0px; left: 322.156px; z-index: 3; width: 1258px; top: 50px;">
          <tr>
            <th style="min-width: 0px; max-width: none;">Algorithm</th>
            <th class="rotate" style="min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Edges that connect nodes from different clusters, but not the cluster parent nodes.">
                                                        CLUSTERS</span></div>
            </th>
            <th class="rotate" style="min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Edges that connect nodes from different hierarchy levelsand are incident to compound nodes.">
                                                        COMPOUND</span></div>
            </th>
            <th class="rotate" style="min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Multiple connected components.">
                                                        DISCONNECTED</span></div>
            </th>
            <th class="rotate" style="min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Labels that are associated with edges.">
                                                        EDGE_LABELS</span></div>
            </th>
            <th class="rotate" style="min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Self-loops routed through a node instead of around it.">
                                                        INSIDE_SELF_LOOPS</span></div>
            </th>
            <th class="rotate" style="min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Multiple edges with the same source and target node.">
                                                        MULTI_EDGES</span></div>
            </th>
            <th class="rotate" style="min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Edges are connected to nodes over ports.">
                                                        PORTS</span></div>
            </th>
            <th class="rotate" style="width: 109px; min-width: 0px; max-width: none;">
              <div><span data-toggle="tooltip" title="Edges connecting a node with itself.">
                                                        SELF_LOOPS</span></div>
            </th>
          </tr>
        </thead>
        <thead class="tableFloatingHeader" style="display: none;">
          <tr>
            <th>Algorithm</th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Edges that connect nodes from different clusters, but not the cluster parent nodes.">
                                                        CLUSTERS</span></div>
            </th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Edges that connect nodes from different hierarchy levelsand are incident to compound nodes.">
                                                        COMPOUND</span></div>
            </th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Multiple connected components.">
                                                        DISCONNECTED</span></div>
            </th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Labels that are associated with edges.">
                                                        EDGE_LABELS</span></div>
            </th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Self-loops routed through a node instead of around it.">
                                                        INSIDE_SELF_LOOPS</span></div>
            </th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Multiple edges with the same source and target node.">
                                                        MULTI_EDGES</span></div>
            </th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Edges are connected to nodes over ports.">
                                                        PORTS</span></div>
            </th>
            <th class="rotate">
              <div><span data-toggle="tooltip" title="Edges connecting a node with itself.">
                                                        SELF_LOOPS</span></div>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.circo&quot;;">Circo</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <img height="20" src="/assets/img/check.png">
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.fdp&quot;;">FDP</td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <img height="20" src="/assets/img/check.png">
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.neato&quot;;">Neato</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <img height="20" src="/assets/img/check.png">
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.dot&quot;;">Dot</td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <img height="20" src="/assets/img/check.png">
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.graphviz.twopi&quot;;">Twopi</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <img height="20" src="/assets/img/check.png">
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.box&quot;;">Box Layout</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.fixed&quot;;">Fixed Layout</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.random&quot;;">Randomizer</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.klay.force&quot;;">KLay Force</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.klay.layered&quot;;">KLay Layered</td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td style="width: 109px;">
              <img height="20" src="/assets/img/check.png">
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.balloon&quot;;">Balloon</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.circular&quot;;">Circular</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.DavidsonHarel&quot;;">Davidson-Harel</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fmmm&quot;;">FMMM</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fastMultipole&quot;;">Fast Multipole</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fastMultipoleMultilevel&quot;;">Fast Multipole Multilevel</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.FruchtermanReingold&quot;;">Fruchterman-Reingold</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.gem&quot;;">GEM</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.kamadaKawai&quot;;">Kamada-Kawai</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.stressMajorization&quot;;">Stress Majorization</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.Sugiyama&quot;;">Sugiyama</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.upwardPlanarization&quot;;">Upward-Planarization</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.mixedModel&quot;;">Mixed Model</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.planarization&quot;;">Planarization</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.canonicalOrder&quot;;">Canonical Order</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.convexGrid&quot;;">Convex Grid</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.dominance&quot;;">Dominance</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.fraysseixPachPollack&quot;;">Fraysseix-Pach-Pollack</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.schnyder&quot;;">Schnyder</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.visibility&quot;;">Visibility</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.radialTree&quot;;">Radial Tree</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
          <tr>
            <td class="link" onclick="document.location.href=&quot;Providedlayout.html?algorithm=de.cau.cs.kieler.kiml.ogdf.tree&quot;;">Tree</td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <img height="20" src="/assets/img/check.png">
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td>
              <div class="imgPlaceholder"></div>
            </td>
            <td style="width: 109px;">
              <div class="imgPlaceholder"></div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <script data-main="js/app" src="/assets/lib/require/require.min.js"></script>
</body>

</html>
